<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="gbk">
<meta name="robots" content="all">
<meta name="author" content="Tencent-CP">
<meta name="Copyright" content="Tencent">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
<title>wegame</title>
<style type="text/css">
        /* reset */
        body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
        table{border-collapse:collapse;border-spacing:0;}
        address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
        ol,ul{list-style:none;}
        caption,th{text-align:left;}
        h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
        q:before,q:after{content:'';}
        fieldset,img,abbr,acronym{border:0;}
        /*页面样式*/
        .c:before,.c:after {content:"";display:table;}
        .c:after {clear:both;}
        .c {zoom:1;}
        body {font:12px/1.5 '\5FAE\8F6F\96C5\9ED1';padding-top:42px;text-align:justify;}
        a {text-decoration:none;overflow:hidden;}
        a {border: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline: none;}
        a:hover {text-decoration:underline;}
        .pr{position:relative;}
        .pa{position:absolute;}
        .hide {display:block;width:0;height:0;overflow:hidden;}
        .db{display:block;text-indent:-999em;}
        a{text-decoration: none;}
        a:hover{text-decoration: none;}
        html, body {
            margin: 0;
            padding: 0;
            /*text-align: center;*/
            /*background-color: #cccccc;*/
            width: 100%;
            height: 100%;
            overflow: hidden;

        }
        /*假如添加了video标签,可能会出现video标签默认置顶的情况,解决这个bug可以通过样式设置来规避;*/
        .compatibleStyle {
            backface-visibility:hidden;
            -webkit-backface-visibility:hidden; /* Chrome 和 Safari */
            -moz-backface-visibility:hidden;    /* Firefox */
            -ms-backface-visibility:hidden;     /* Internet Explorer */
            -webkit-perspective: 0;
            -webkit-transform: translate3d(0,0,0);
            visibility:visible;
        }
        .wrap{width: 100%;height: 100%;}
        body{background: #000000 no-repeat;width: 100%;height: 100%;}
        .video-box{background-size: 100%;position: relative;}
        /*#loading{width: 100%;height: 100%;position: relative;display: none;}*/
        .loading-box{background:url('ossweb-img/bj.jpg');width: 100%;height: 100%;background-size: 100%;}
        .loading div{width: 180px;height: 180px;background:url(ossweb-img/loading.png);position:absolute ;top:32%;left:50%;z-index:555;margin-left: -90px;background-size: 100%;animation: rotate 5s infinite linear;
        -webkit-animation: rotate 5s infinite linear;
            }

            @keyframes rotate {
                0% {
                    transform: rotate(0deg)
                }
                50% {
                    transform: rotate(-180deg)
                }
                100% {
                    transform: rotate(-360deg)
                }
            }
            @-webkit-keyframes rotate {
                0% {
                    transform: rotate(0deg)
                }
                50% {
                    transform: rotate(-180deg)
                }
                100% {
                    transform: rotate(-360deg)
                }
            }
        .loading-text{font-size: 28px;color: #d5f9ff;text-align: center;width: 100%;line-height: 30px;position: absolute;left: 0%;top:57%;display: none;}
        .loading-text1{font-size: 33px;color: #d5f9ff;text-align: center;width: 100%;line-height: 30px;position: absolute;left: 0%;top:42%;} 
        /*遮罩层*/
        .zz1{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;}
        .zz2{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 11;display: none;}
        .zz3{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 12;display: none;}
        .lb{width: 1116px;height: 121px;position: absolute;background: url('ossweb-img/btn.png') no-repeat;left: 50%;margin-left:-558px;bottom: 4%;display: flex;justify-content: center;align-items: center;transition: all 1s;z-index: 9;opacity: 0;}
        .btn1,.btn2,.btn3{display: block;width: 320px;height: 89px;text-indent: -9999em;}
        .btn1{margin-top: 11px;margin-left: 40px;margin-right: 7px;}
        .btn2{margin-right: 44px;}
        .btn-tg{width: 199px;height: 74px;background: url('ossweb-img/btn-tg.png') no-repeat;background-size: 100%;position: absolute;top: 60px;right: 60px;}
        .fx{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 12;display: none;background:url("ossweb-img/fxbg.png") no-repeat;}
        .fx-img{width: 82px;height: 82px;position: absolute;right: 120px;top: 60px;background:url('ossweb-img/fx.png') no-repeat;}
        .text2{font-size: 28px;color: #d5f9ff;text-align: center;width: 100%;line-height: 30px;position: absolute;left: 0%;top:57%;display: block;}
        .jump{width: 274px;height: 234px;background: url('ossweb-img/jump.png') no-repeat;background-size: 100%;position: absolute;left: 50%;top: 50%;margin-left: -137px;margin-top: -117px;animation: bounce 1s infinite linear;}

        @keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}
        .bf{width: 57px;height: 64px;background: url('ossweb-img/enter.png') no-repeat;background-size: 100%;position: absolute;left: 50%;margin-left: -23px;top: 40%;display: none;}
</style>
<!-- 页面设计：cp | 页面制作：cp | 创建：2017-12-27 -->
</head>
<body>
<div class="wrap">
    测试
</div>
</body>
</html>